<page-header></page-header>
<div nz-row>
  <!-- 组 -->
  <div nz-col nzSpan="6">
    <st #group [data]="team" [columns]="teamColumns" [page]="page" (change)='teamChange($event)'></st>
  </div>
  <!-- 文件 -->
  <div nz-col nzSpan="17" style='margin-left:10px;'>
    <div class="mb-md">
      <button (click)="uploadFile()" nzType="primary" nz-button><i nz-icon nzType="upload" nzTheme="outline"></i>上传</button>
      <button (click)="addFolder()" nz-button><i nz-icon nzType="folder-add" nzTheme="outline"></i>新建文件夹</button>
      <nz-button-group style="margin-left: 10px" *ngIf='showFileControl.group'>
      </nz-button-group>
    </div>
    <nz-breadcrumb nzSeparator=">">
      <nz-breadcrumb-item *ngIf="nodeLevel.length>0">
        <a (click)="prevFolder()"><i nz-icon nzType="rollback"></i>上一级</a>
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        <a (click)="nodeLevel=[];getUserNode('0')"><i nz-icon nzType="home" nzTheme="twotone"></i>{{currentTeamName}}组根目录</a>
      </nz-breadcrumb-item>
      <nz-breadcrumb-item *ngFor="let level of nodeLevel">
        <a (click)="intoNode(level)">{{level.name}}</a>
      </nz-breadcrumb-item>
    </nz-breadcrumb>
    <st #st [data]="data" [columns]="columns" [page]="page" (change)="rowChange($event)" multiSort>
      <ng-template st-row="name" let-item>
        <span style="cursor: pointer;" (click)="intoNode(item)">{{item.name}}</span>
      </ng-template>
      <ng-template st-row="type" let-item>
        <i nz-icon [nzType]="getFileType(item.type)" nzTheme="twotone"></i>
      </ng-template>
      <ng-template st-row="size" let-item>
        <span>{{getFileSize(item.type,item.size)}}</span>
      </ng-template>
    </st>
  </div>
</div>